<template>
  <dl class="m-sum-card">
    <dt>
      <h1>{{shop.shopName}}</h1>
      <el-rate disabled v-model="shop.score" />
      <span>{{ Number(shop.score)}}分</span>
      <span>人均￥{{ Number(shop.score)}}</span>
      <ul>
        <li>地址：{{shop.address}}</li>
        <li>电话：{{shop.mobile}}</li>
      </ul>
    </dt>
    <dd>
      <el-carousel
        height="214px"
        indicator-position="none">
        <el-carousel-item
          v-for="(item,idx) in imgList"
          :key="idx">
          <h3><img
            :src="'data:image/png;base64,'+item"
            alt="店铺图片"
            width="100%"
            height="100%"></h3>
        </el-carousel-item>
      </el-carousel>
    </dd>
  </dl>
</template>
<script>
export default {
  props: ['shop','imgList'],
  data() {
    return {
      
    }
  },
  computed: {
   
  },
  methods: {
    
  }
}
</script>
